<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS基础1-4</title>
    <link rel="stylesheet" href="css/cssbase4.css">
</head>
<body>
<h1>通用型流式容器 div</h1>
<pre>
    div默认定位方式是static(静态),relative(相对),absolute(绝对),fixed(固定)
</pre>

<div style="position: absolute">
    <div id="div1">静态定位（默认）</div>
    <div id="div2">相对定位</div>
    <div id="div3">绝对定位</div>
</div>

<div class="fixed-side">固定定位</div>

<div class="one">内容溢出演示内容溢出演示内容溢出演示内容溢出演示内容溢出演示内容溢出演示内容溢出演示内容溢出演示内容溢出演示内容溢出演示内容溢出演示内容溢出演示</div>
<div class="two"></div>
<div class="three"></div>
<div class="clf"></div>
<div class="four"></div>
</body>
</html>